import QtQuick 2.0
import "./Components"
Image {
    source: "images/bg.jpg"
    x:220
    y:100
    Image {
        id:image_1
        width: 100
        height: 80
        source: "images/huojian.jpg"
        NumberAnimation on x{
            to:240
            duration: 4000
            loops:Animation.Infinite
        }
        RotationAnimation on rotation {
            to:360
            duration: 4000
            loops:Animation.Infinite
        }
    }
    ClickableImageV2{
        id:rocket1
        image_height: 80
        image_width: 100
        x:image_1.x+150
        y:image_1.y+150
        source: "images/huojian.jpg"
        text:"animation on property"
        NumberAnimation on y{
            to:40
            duration: 4000
        }
        onClicked: y=40
    }
    ClickableImageV2{
        id:rocket2
        image_height: 80
        image_width: 100
        x:image_1.x+150
        y:image_1.y+150
        source: "images/huojian.jpg"
        text:"behavior on property"
        Behavior on y{
            NumberAnimation{
                duration: 4000
            }
        }
        onClicked: y=40
    }
    ClickableImageV2{
        id:rocket3
        x:rocket1.x+150
        y:rocket1.y+150
        image_height: 80
        image_width: 100
        source: "images/huojian.jpg"
        text: "standalone animation"
        NumberAnimation{
            id:anim
            target: rocket3
            properties: "y"
            from:200
            to:40
            duration: 4000
        }
    }

}
